<%@ page language="java" contentType="text/html"  pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<link rel="stylesheet" href="${CSS}bootstrap.min.css"/>
	<link rel="stylesheet" href="${CSS}form.css"/>
	<link href="${CSS}bootstrap-datetimepicker.min.css" rel="stylesheet" media="screen">
	<script src="${JS}jquery-3.2.1.min.js"></script>
	<script src="${JS}bootstrap-datetimepicker.min.js" charset="UTF-8"></script>
	<script src="${JS}bootstrap-datetimepicker.zh-CN.js" charset="UTF-8"></script>
	<script src="${JS}form.js"></script>
</head>
<body>
<div class="container-fluid">
<div class="row">
<div class="form-box form-color-grey">
		<div class="form-header">
			<h6 class="form-title">
				<i class="fa fa-sort"></i>
				表单标题
			</h6>			
		</div>	
		<form class="form-horizontal" name="myform" method="post" action="">
			<div class="form-body" id="appendHtml">
				<!--js_begin-->
				 <div class="form-group">
					  <label class="col-sm-2 control-label">日期：</label>
		              <div class="input-group date col-sm-10">
		              	<input class="form-control input-group-addon timepicker" format="yyyy-MM-dd" daysOfWeekDisabled="0,6" startView="2" name="date" type="text" readonly>
		              	<span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>
		              	<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
		              </div>
				</div> 				
				<!--js_end-->	
			</div>	
			<div class="form-footer">
				<div class="form-group">
					<label class="col-sm-2"></label>
					<div class="col-sm-10">
						<button type="button" id="save" class="btn btn-sm btn-grey"><i class="fa fa-check"></i> 提交</button>
						<button type="reset" id="reset" class="btn btn-sm btn-grey"><i class="fa fa-undo"></i> 重置</button>
					</div>					
				</div>
			</div>
		</form>
	</div>
</div>
</div>
<script type="text/javascript">
var myform=form.init("myform");	
$("#save").click(function(){
	myform.submit();
});
$("#reset").click(function(){
	myform.reset();
});
</script>
</body>
</html>
 